<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.ajax4jsf.org/rich">

<f:view>
    <ui:composition template="../../template/template.xhtml">

	    <ui:define name="conteudo">
	            
	            
	    <a4j:form id="formConsultarAgenda" ajaxSingle="true" style="width: 50.1%; margin-left: 320px; border: 1px solid #B0C4DE; margin-top: -16px; margin-bottom: -16px;">
		     
		     <a4j:loadScript src="/js/jscripts.js"/>
			 <a4j:loadScript src="/js/jquery.js"/>
		     
		     <br />
		     
		     <rich:messages style="margin-left:10px; COLOR: #ff0000; FONT-WEIGHT: bold;"></rich:messages>
		     
		     <center>
		     	<h:outputLabel value="Incluir Horário para Atendimento" style="FONT-WEIGHT: bold; margin-left:20px;"/>
		     </center>
		     
		     <br />
		     <br />
		     
		     <div style="margin-left:155px;">
			     <h:outputLabel value="Terapeuta *" style="FONT-WEIGHT: bold; margin-left:-40px;"/>
			     <h:selectOneMenu style="margin-left:10px; width : 338px;" valueChangeListener="#{horarioAtendimentoBean.loadHorariosListener}" value="#{horarioAtendimentoBean.horarioAtendimento.idTerapeuta}">
			     	<f:selectItem itemLabel="Selecione" itemValue=""/>
			     	<f:selectItems value="#{horarioAtendimentoBean.terapeutas}"/>
			     	<a4j:support  event="onchange" reRender="tabela"/>
			     </h:selectOneMenu>
			     
			     <br />
			     <br />
			     
			     <h:outputLabel value="Disponibilidade por dia da semana" style="FONT-WEIGHT: bold; margin-left:20px;"/>
			     <br />
			     <h:outputLabel value="Dia *" style="FONT-WEIGHT: bold; margin-left:5px;"/>
			     <h:selectOneMenu value="#{horarioAtendimentoBean.horarioAtendimento.dia}" style="margin-left:10px; width : 338px;">
			     	<f:selectItem itemLabel="Selecione" itemValue=""/>
			     	<f:selectItem itemLabel="Segunda" itemValue="2"/>
			     	<f:selectItem itemLabel="Terça" itemValue="3"/>
			     	<f:selectItem itemLabel="Quarta" itemValue="4"/>
			     	<f:selectItem itemLabel="Quinta" itemValue="5"/>
			     	<f:selectItem itemLabel="Sexta" itemValue="6"/>
			     	<f:selectItem itemLabel="Sábado" itemValue="7"/>
			     	<f:selectItem itemLabel="Domingo" itemValue="1"/>
			     </h:selectOneMenu>
			     
			     <br />
			     <br />
			     
			     <h:outputLabel value="Horário Disponível *" style="FONT-WEIGHT: bold; margin-left:33px;"/>
			     <h:inputText id="inicio" value="#{horarioAtendimentoBean.horarioAtendimento.horarioInicio}" styleClass="hora" style="margin-left:10px; width: 40px;">
			     	<rich:jQuery selector="#inicio" query="mask('99:99')" timing="onload" />
			     </h:inputText>
			     
			     <h:outputText value="até" style="margin-left:10px"/>
			     <h:inputText id="fim" value="#{horarioAtendimentoBean.horarioAtendimento.horarioFim}" styleClass="hora" style="margin-left:10px; width: 40px;">
			     	<rich:jQuery selector="#fim" query="mask('99:99')" timing="onload" />
			     </h:inputText>
		     
		     </div>

		     <br />
		     <br />
		     
		     <center>
		     	<a4j:commandButton value="Incluir" action="#{horarioAtendimentoBean.adicionarDiaSemana}" reRender="formConsultarAgenda"/>
		     	<a4j:commandButton value="Limpar" action="#{horarioAtendimentoBean.limparCampos}" reRender="formConsultarAgenda"/>
		     </center>
		     
		     <br />
		     <br />
		     
		     <center>
		     
			     <rich:dataTable id="tabela" value="#{horarioAtendimentoBean.listaSemana}" var="horario">
			     
			     	<rich:column style="text-align: center !important;">
			     		<f:facet name="header">
			     			<h:outputLabel value="Terapeuta" />
			     		</f:facet>
			     		<h:outputText value="#{horario.nomeTerapeuta}" />
			     	</rich:column>
			     
			     	<rich:column style="text-align: center !important;">
			     		<f:facet name="header">
			     			<h:outputLabel value="Dia" />
			     		</f:facet>
			     		<h:outputText value="#{horario.nomeDia}" />
			     	</rich:column>
			     
			     	<rich:column style="text-align: center !important;">
			     		<f:facet name="header">
			     			<h:outputLabel value="Hora" />
			     		</f:facet>
			     		<h:outputText value="#{horario.horarioInicio} " />
			     		<h:outputText value=" até " />
			     		<h:outputText value="#{horario.horarioFim}" />
			     	</rich:column>
			     
			     	<rich:column style="text-align: center !important;">
			     		<f:facet name="header">
			     			<h:outputLabel value="Remover" />
			     		</f:facet>
			     		<a4j:commandLink action="#{horarioAtendimentoBean.removerHorario}" reRender="formConsultarAgenda" >
		                        <h:graphicImage value="/imagens/excluir.png" title="Clique para Remover"/>
		                        <f:setPropertyActionListener target="#{horarioAtendimentoBean.horarioAtendimento}" value="#{horario}" />
		                    </a4j:commandLink>
			     	</rich:column>
			     </rich:dataTable>
		     
	         
	         <br />
		     
		     	<a4j:commandButton value="Voltar" action="#{horarioAtendimentoBean.voltar}"/>
		     
		     <br />
		     <br /> 	 
		     
		     </center>
	            
    	</a4j:form>
	    	
		</ui:define>
    </ui:composition>
</f:view>
</html>